<script setup>
import { configs } from './config'
const { config } = configs()
</script>

<template>
    <div class="config">
        <div class="icon">
            <img src="@/assets/fei.svg" alt="" srcset="">
        </div>
        <div class="text">
            <p>中国有多少游戏玩家，有多少需要好友之间联机对战的。</p>
            <p>有一半的人用到飞鼠这个方案会怎么样?</p>
        </div>
        <div class="configs">
            <p>App version:<span class="version">{{ config.AppVersion == '' ? '正在查询' : config.AppVersion }}</span></p>
            <p>Go version:<span class="version">{{ config.GoVersion == '' ? '正在查询' : config.GoVersion }}</span></p>
            <p>wails version:<span class="version">{{ config.wailsVersion == '' ? '正在查询' : config.wailsVersion }}</span></p>
        </div>
    </div>
</template>

<style scoped lang="less">
.icon{
    width: 50%;
    object-fit: cover;
    margin: auto;
}
.config {
    text-align: center;
}
.text :last-child{
    color:red;
    font-size: 18px;
    margin-top: 10px;
}
.configs{
    
    p{
        margin-top: 10px;
    }
    .version{
        margin-left: 10px;
        font-weight: 1000000;
    }
}
</style>